<%@ page contentType="text/html;charset=UTF-8" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="layout" content="main" />
        <title>在线听歌</title>
    </head>
    <body>
        <div class="nav">
            <span class="menuButton"><g:link class="list" controller="tools" action="toolList">个人实用工具列表</g:link></span>
        </div>
        <div class="body">
            <h1>在线听歌</h1
            <div class="list">
                <table>
                    <thead>
                        <tr>

                            <g:sortableColumn property="id" title="编号" />

                            <g:sortableColumn property="name" title="歌名" />

                        </tr>
                    </thead>
                    <tbody>
                        <g:each in="${songInstanceList}" status="i" var="songInstance">

                            <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
                                <td>${i+1}</td>
                                <td><a href="${songInstance.url}">${songInstance.name}</a></td>
                            </tr>

                        </g:each>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>
